<template>
  <div>
    <h3>理论课程</h3>
    <p>主修年级/专业:2023/计算机科学与技术(移动软件)(专升本)</p>
    <el-table
      :data="positiveresult"
      style="width: 100%"
      border
      :header-cell-style="{ background: '#2086ce', color: '#ffffff' }"
    >
      <el-table-column label="选定" width="100" align="center" type="index">
        <el-checkbox></el-checkbox>
      </el-table-column>

      <el-table-column label="课程" width="200" align="left" prop="subject">
      </el-table-column>

      <el-table-column label="学分" width="60" prop="hourCredit" align="center">
      </el-table-column>

      <el-table-column label="类别" width="300" prop="courseType" align="left">
      </el-table-column>

      <el-table-column
        label="任课教师"
        width="100"
        prop="teacher"
        align="center"
      >
      </el-table-column>

      <el-table-column
        label="上课班号"
        width="60"
        prop="classIndex"
        align="left"
      >
      </el-table-column>
      <el-table-column
        label="上课班级名称"
        width="80"
        prop="className"
        align="center"
      >
      </el-table-column>
      <el-table-column
        label="人数"
        width="60"
        prop="studentNumber"
        align="center"
      >
      </el-table-column>
      <el-table-column
        label="上课时间/上课地点"
        width="500"
        prop="classAddress"
        align="left"
      >
      </el-table-column>
    </el-table>
  </div>
</template>


<script>
export default {
  name: "PosetiveResult",
  components: {},
  data() {
    return {
      positiveresult: [],
    };
  },
  methods: {
    ///获取课程数据
    async getSubjectInfo() {
      let positiveresult = await import("@/data/positiveresult.json");
      console.log(positiveresult.positiveresult, "数据");
      this.positiveresult = positiveresult.positiveresult;
    },
    handle(row) {
      this.dialogTableVisible = true;
      this.info = row;
    },
  },
  mounted() {
    this.getSubjectInfo();
  },
};
</script>

<style >
.el-col {
  border: 1px solid #e8f0f1;
}
.el-row {
  box-sizing: border-box;
}
.has-gutter th .cell {
  text-align: center;
}

.el-dialog__wrapper {
  top: 50px;
}
</style>

<style scoped>
h3 {
  text-align: center;
}
</style>